<template>
  <div class="VDatePicker">
    <h1>This is an DatePicker page</h1>
    <a-date-picker
      @change="onChange"
      :default-value="moment('01/01/2015', 'DD/MM/YYYY')"
    >
      <a-icon slot="suffixIcon" type="smile" />
    </a-date-picker>
    <br />
    <a-month-picker placeholder="Select month" @change="onChange" />
    <br />
    <a-range-picker @change="onChange" />
    <br />
    <a-week-picker placeholder="Select week" @change="onChange" />
  </div>
</template>
<script>
import moment from "moment";
export default {
  date() {
    return {
      dateFormat: "YYYY/MM/DD"
    };
  },
  methods: {
    moment,
    onChange(date, dateString) {
      console.log(date, dateString);
    }
  }
};
</script>
